import Vue from 'vue'
import VueRouter from 'vue-router'
import First from '@/views/First.vue'
import Two from '@/views/Tow.vue'
import Three from '@/views/Three.vue'
import Four from '@/views/Four.vue'
import Five from '@/views/Five.vue'
import Six from '@/views/Six.vue'
import Seven from '@/views/Seven.vue'
import Eight from '@/views/Eight.vue'
import Nine from '@/views/Nine.vue'
import Ten from '@/views/Ten.vue'
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/one'
  },
  {
    path: '/one',
    component: First
  },
  {
    path: '/two',
    component: Two
  },
  {
    path: '/three',
    component: Three
  },
  {
    path: '/four',
    component: Four
  },
  {
    path: '/five',
    component: Five
  },
  {
    path: '/six',
    component: Six
  },
  {
    path: '/seven',
    component: Seven
  },
  {
    path: '/eight',
    component: Eight
  },
  {
    path: '/nine',
    component: Nine
  },
  {
    path: '/ten',
    component: Ten
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
